<template>
  <div class="lists-nav-container">
    <div class="lists-nav">
      <section :class="navData.curType==1?'cur':''"
               @click="clickListsNav(1)">待审核<i></i></section>
      <section :class="navData.curType==2?'cur':''"
               @click="clickListsNav(2)">待付款<i></i></section>
      <section :class="navData.curType==3?'cur':''"
               @click="clickListsNav(3)">待发货<i></i></section>
      <section :class="navData.curType==4?'cur':''"
               @click="clickListsNav(4)">待收货<i></i></section>
      <section :class="navData.curType==5?'cur':''"
               @click="clickListsNav(5)">已收货<i></i></section>
      <section :class="navData.curType==6?'cur':''"
               @click="clickListsNav(6)">已拒绝<i></i></section>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
export default Vue.extend({
  name: 'index',
  components: {

  },
  props: {
    navData: {
      type: Object,
      default: {
        curType: 1
      }
    }
  },
  data() {
    return {
    }
  },
  methods: {
    clickListsNav(type) {
      if (type != this.curType) {
        this.$emit('changeOrderType', type)
      }
    }
  },
  created() {
  }
})
</script>

<style lang="scss">
@import "src/styles/order/lists";
</style>